<template>
    <div>
        <el-card class="box-card">
        <div slot="header" class="clearfix">
            <div style="font-size:30px;margin-bottom:30px">新建备忘录</div>
            <input v-model="input_b" type="text" name="fname" placeholder="请输入标题" style="font-weight:bold;width:98%;height:30px" />
        </div>

         <textarea cols="100" rows="8" style="width:98%" v-model="input_z" placeholder="请输入正文"></textarea>

        <div class="block" style="margin-top:20px;margin-left:5px;text-align: left;">
            <span class="demonstration">日期</span>
            <el-date-picker
            v-model="value1"
            type="date"
            placeholder="选择日期">
            </el-date-picker>
        </div>

        <div>
            <h2 style="">保存</h2>
        </div>
        <!-- <div v-for="o in 4" :key="o" class="text item">
            {{'列表内容 ' + o }}
        </div> -->
        </el-card>
    </div>
</template>
<script>
export default {
    data() {
        return {
            input_b: '',
            input_z: '',
            
            pickerOptions1: {
            disabledDate(time) {
            return time.getTime() > Date.now();
          },
        },
        value1: '',
            


         //   
        }
    },
}
</script>



<style>
  .text {
    font-size: 14px;
  }

  .item {
    margin-bottom: 18px;
  }

  .clearfix:before,
  .clearfix:after {
    display: table;
    content: "";
  }
  .clearfix:after {
    clear: both
  }

  .box-card {
    width:70%;
    margin: 0 auto;
    margin-top: 50px;
  }
  input, textarea {

    padding: 4px;

    border: solid 1px #E5E5E5;

    outline: 0;

    font: normal 13px/100% Verdana, Tahoma, sans-serif;

    width: 200px;

    background: #FFFFFF;

    box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 8px;

    -moz-box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 8px;

    -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 8px;    

}
</style>
